<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>定时任务管理</title>
    <link rel="stylesheet" href="webjars/iview/3.5.4/dist/styles/iview.css">
</head>
<body>

<div id="root">
    <i-table :cloumns="cols" :data="list"></i-table>
</div>


<script src="webjars/vue/2.6.12/vue.js"></script>
<script src="webjars/iview/3.5.4/dist/iview.js"></script>
<script src="webjars/axios/0.20.0/dist/axios.js"></script>
<script>
    new Vue({
        el:"#root",
        data:{
            cols:[
                {title:"任务名称",key:"jobName"},
                {title:"任务所在工作组",key:"jobGroup"},
                {title:"任务类文件",key:"jobClassName"},
                {title:"触发器名称",key:"triggerName"},
                {title:"描述信息",key:"description"}
            ],
            list:[]
        },
        mounted(){
            axios.get("/task/queryAll")
            .then(result=>{
                console.log(result);
            });
        }
    });
</script>
</body>
</html>